<nz-card [nzBordered]="false">
  <form nz-form (ngSubmit)="refresh()" [nzLayout]="'inline'">
    <div nz-row [nzGutter]="24" >
      <div nz-col [nzSpan]="8">
        <nz-form-item nzFlex>
          <nz-form-label>关键字</nz-form-label>
          <nz-form-control>
            <input nz-input placeholder="请输入查询关键字" [(ngModel)]="listQuery.keywords" name="keywords" id="keywords">
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
    <div nz-row [nzGutter]="24" [class.text-right]="'true'">
      <div nz-col [nzSpan]="24" class="mb-md" [class.text-right]="'true'">
        <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="loading" [nzSize]="'large'">查询</button>
        <button nz-button type="reset" (click)="refresh()" [nzSize]="'large'" class="mx-sm">重置</button>
        <button nz-button type="button" routerLink="/news/create" [nzType]="'primary'" [nzSize]="'large'">
          <i class="anticon anticon-plus"></i>
          <span>新建</span>
        </button>
      </div>
    </div>
  </form>
  <nz-table #ajaxTable
            nzShowSizeChanger
            [nzFrontPagination]="false"
            [nzData]="dataSet"
            [nzLoading]="loading"
            [nzTotal]="totalCount"
            [(nzPageIndex)]="pageIndex"
            [(nzPageSize)]="pageSize"
            (nzPageIndexChange)="refresh()"
            (nzPageSizeChange)="refresh()">
    <thead (nzSortChange)="sort($event)" nzSingleSort>
    <tr>
      <th>主题</th>
      <th nzWidth="200px">作者</th>
      <th nzWidth="200px">频道</th>
      <th nzWidth="200px">预读数量</th>
      <th nzWidth="200px">发布时间</th>
      <th nzWidth="150px">操作</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of ajaxTable.data">
      <td>{{data.title}} </td>
      <td>{{data.author}} </td>
      <td>{{data.channelId}} </td>
      <td>{{data.readNum}} </td>
      <td>{{data.createdTime}} </td>
      <td>
        <a href="javascript:void(0);"  routerLink="/news/edit/{{data.id}}">编辑</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a href="javascript:void(0);" (click)="delete(data)">删除</a>
      </td>
    </tr>
    </tbody>
  </nz-table>
</nz-card>




